const app = getApp();

Page({

   /**
    * 页面的初始数据
    */
   data: {

   },

   containerTap: function (res) {
      let that = this, x = res.touches[0].pageX, y = res.touches[0].pageY + 85;
      this.setData({
         rippleStyle: ''
      });
      console
      setTimeout(function () {
         that.setData({
            rippleStyle: 'top:' + y + 'px;left:' + x + 'px;-webkit-animation: ripple 0.4s linear;animation:ripple 0.4s linear;'
         });
      }, 200)
   },

   formSubmit: function (res) {
      console.log(res)
   },

   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
      this.drawImage();
   },

   /**
  * 绘制canvas海报
  */
   drawImage: function () {
      //绘制canvas图片
      var that = this
      const ctx = wx.createCanvasContext('myCanvas')
      // var bgPath = '../img/bg-share@2x.png'
      var portraitPath = '../img/tongxiang@2x.png';
      var hostNickname = '昵称';

      // var qrPath = '../image/gh_mini_code.png';
      var windowWidth = 300;
      var windowHeight = 300;
      // //绘制背景图片
      // ctx.drawImage(bgPath, 0, 0, windowWidth * 0.5, windowHeight * 0.5);
      //绘制头像
      ctx.arc(100, 75, 50, 0, 2 * Math.PI)
      ctx.setFillStyle('#EEEEEE')
      ctx.fill();
      // ctx.save();
      // ctx.beginPath();
      // ctx.arc(0, 0, 50, 0, 2 * Math.PI);
      // ctx.clip();
      // ctx.drawImage(portraitPath, windowWidth * 0.5, windowHeight * 0.5);
      // ctx.restore()
      // //绘制第一段文本
      // ctx.setFillStyle('#ffffff')
      // ctx.setFontSize(0.037 * windowWidth)
      // ctx.setTextAlign('center')
      // ctx.fillText(hostNickname + ' 正在参加疯狂红包活动', windowWidth / 2, 0.52 * windowWidth)
      // //绘制第二段文本
      // ctx.setFillStyle('#ffffff')
      // ctx.setFontSize(0.037 * windowWidth)
      // ctx.setTextAlign('center')
      // ctx.fillText('邀请你一起来领券抢红包啦~', windowWidth / 2, 0.57 * windowWidth)
      // //绘制二维码
      // ctx.drawImage(qrPath, 0.64 * windowWidth / 2, 0.75 * windowWidth, 0.36 * windowWidth, 0.36 * windowWidth)
      // //绘制第三段文本
      // ctx.setFillStyle('#ffffff')
      // ctx.setFontSize(0.037 * windowWidth)
      // ctx.setTextAlign('center')
      // ctx.fillText('长按二维码领红包', windowWidth / 2, 1.36 * windowWidth)
      ctx.draw();
      that.setData({
         canvasLoading: false,
      })
   },


   /**
    * 生命周期函数--监听页面初次渲染完成
    */
   onReady: function () {

   },

   /**
    * 生命周期函数--监听页面显示
    */
   onShow: function () {

   },

   /**
    * 生命周期函数--监听页面隐藏
    */
   onHide: function () {

   },

   /**
    * 生命周期函数--监听页面卸载
    */
   onUnload: function () {

   },

   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
   onPullDownRefresh: function () {

   },

   /**
    * 页面上拉触底事件的处理函数
    */
   onReachBottom: function () {

   },

   /**
    * 用户点击右上角分享
    */
   onShareAppMessage: function () {

   }
})